<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="loginPageLayout.xhtml">
	<ui:define name="title">Editar Perfil</ui:define>
	<ui:define name="content">
		<ui:include src="menu.xhtml" />
		<h:form>
			<!-- style="text-align:center" -->
			<p:panel style="align:center; margin:3% 20% 30% 20%;"
				header="Perfil Usuario" footer="">

				<h:panelGrid columns="2" title="Fotos">
					<h:outputLabel for="foto" value="Foto" />
					<p:graphicImage value="/img/avatar.png" title="avatar" />
				</h:panelGrid>

				<h:panelGrid columns="6">

					<h:outputLabel for="nombre" value="Nombre" />
					<h:outputText id="nombre" label="Nombre" required="true"
						value="#{login.nombre}" />
					<h:message for="nombre" errorClass="error" id="nombreError"
						style="color: red" />

					<h:outputLabel for="apellido" value="Apellido" />
					<h:outputText id="apellido" label="Apellido" required="true"
						value="#{login.apellido}" />
					<h:message for="apellido" errorClass="error" id="apellidoError"
						style="color: red" />



					<h:outputLabel for="mail" value="Mail" />
					<h:outputText id="mail" label="Mail" required="true"
						value="#{login.user}" />
					<h:message for="mail" errorClass="error" id="mailError"
						style="color: red" />

					<h:outputLabel for="dob" value="Fecha Nacimiento" />
					<p:calendar value="#{userBkBean.fechaNac}" pattern="dd/MM/yyyy"
						disabled="true" />
					<h:message for="dob" errorClass="error" id="dobError" />


					<h:outputLabel for="pais" value="Pais" />
					<h:outputText id="pais" value="#{userBkBean.paisDesc}" />
					<h:message for="pais" errorClass="error" id="paisError" />

					<h:outputLabel for="sector" value="Sector" />
					<h:outputText id="sector" value="#{userBkBean.sectorDesc}" />
					<h:message for="sector" errorClass="error" id="sectorError" />

					<h:outputLabel for="descPer" value="Descripcion Personal" />
					<h:inputTextarea value="#{userBkBean.descPersonal}" id="descPer"
						style="width:450px;height:100px;" effectDuration="400"
						readonly="true" />
					<h:message for="descPer" errorClass="error" id="descPerError" />

				</h:panelGrid>
				<h:panelGrid>
					<p>
						<h:messages style="color: red" />
					</p>
				</h:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
</html>